<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的订单</title>
<!--引入 Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link href="themes/bootstrap/easyui.css" rel="stylesheet">
<!-- 引入主题下的图标样式 -->
<link href="themes/icon.css" rel="stylesheet">
<!-- 引入js下的相应的js文件 -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easyui.min.js"></script>
<script src="js/easyui-lang-zh_CN.js"></script>
<script src="js/jquery.min.js"></script>
<style type="text/css">
#DHa {
	position: relative;
	top: 5px;
}

a {
	color: black;
	position: relative;
	top: 8px;
}

a:hover {
	color: red;
}
th {
	font-size: 20px;
	font-weight: 4px;
	color: red;
}
#orderdiv{
	margin-top:60px;
}
</style>
</head>
<body>
	<!-- 顶部导航条 -->
	<div style="background-color: #BFBDC2">
		<div class="container-fluid">
			<div class="navbar-header">
				<a id="DHa" href="#"><img alt="加载失败" src="img/elmlogo.png"
					style="width: 70px; heigth: 30px" /></a>
			</div>
			<div>
				<ul class="nav navbar-nav navbar-right" style="margin-right: 50px">
					<li><a href="#"><img alt="" src="img/order.png">我的订单</a></li>
					<li><a href="#"><img alt="" src="img/shoppingcar.png">我的购物车</a></li>
					<li><a href="#"><img alt="" src="img/favorite.png"
							style="">我的收藏</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown">我的信息<span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">收货地址修改</a></li>
							<li class="divider"></li>
							<li><a href="#">密码更改</a></li>
							<li class="divider"></li>
						</ul></li>
					<li><a href="#">退出登录</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 内容主体 -->
		<!-- 订单表格 -->
<div class="row">
<div class="col-md-2"></div>
<div id="orderdiv" class="col-md-8">
		<table class="table table-hover">
		<thead>
			<tr>
				<th>订单号</th>
				<th>菜品名称</th>
				<th>菜品价格</th>
				<th>菜品类别</th>		
				<th>菜品状态</th>	
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td><input name="sel" type="checkbox" style="width: 20px" />1</td>
				<td><a href="#">红烧肉</a><img alt="加载失败"src="img/nimingzhe.png" style="width: 100px; heigth: 100px"></td>
				<td>15</td>
				<td>盖饭</td>
				<td><label>未接单</label></td>
				<td><button type="button" class="btn btn-danger glyphicon glyphicon-trash btn-sm">删除</button></td>
			</tr>
			<tr>
				<td><input name="sel" type="checkbox" style="width: 20px" />1</td>
				<td><a href="#">红烧肉</a><img alt="加载失败"src="img/nimingzhe.png" style="width: 100px; heigth: 100px"></td>
				<td>15</td>
				<td>盖饭</td>
				<td><label>未接单</label></td>
				<td><button type="button" class="btn btn-danger glyphicon glyphicon-trash btn-sm">删除</button></td>
			</tr>
			<tr>
				<td><input name="sel" type="checkbox" style="width: 20px" />1</td>
				<td><a href="#">红烧肉</a><img alt="加载失败"src="img/nimingzhe.png" style="width: 100px; heigth: 100px"></td>
				<td>15</td>
				<td>盖饭</td>
				<td><label>未接单</label></td>
				<td><button type="button" class="btn btn-danger glyphicon glyphicon-trash btn-sm">删除</button></td>
			</tr>
		</tbody>
	</table>
</div>
		
</div>


</body>
</html>